.define-template {

	.home-box {
		overflow: hidden;
	}

	.home-top {
		width: 100%;
		display: flex;
		align-items: center;
		padding: 30rpx 30rpx 26rpx 10rpx;
		box-sizing: border-box;
		background-color: var(--primary-color);
	}

	.home-store-picker {
		display: flex;
		align-items: center;
	}

	.home-picker {
		display: flex;
		align-items: center;
	}

	.home-picker-text {
		display: block;
		max-width: 200rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0 10rpx 0 0;
		color: white;
		font-size: 30rpx;
		line-height: 30rpx;
		min-width: 146rpx;
	}

	.home-picker-icon {
		font-size: 14rpx;
		color: #FFFFFF;
		margin-left: 4rpx;
	}

	.home-search {
		height: 56rpx;
		background-color: white;
		border-radius: 30rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
		margin: 0 10rpx 0 20rpx;
		flex: 1;
		font-size: 28rpx;
		color: #999999;
		line-height: 32rpx;
	}
	.search-icon {
		font-size: 28rpx;
		color: #999999;
		margin-right: 10rpx;
	}

	.home-search>image {
		width: 220rpx;
		height: 28rpx;
		margin-right: 15rpx;
	}

	.home-scan-box {
		display: flex;
		align-items: center;
	}
	
	.home-scan-icon {
		font-size: 38rpx;
		margin-left: 20rpx;
		color: #FFFFFF;
	}

	.home-scan-box>image {
		width: 38rpx;
		height: 38rpx;
		margin-left: 20rpx;
	}

	.home-banner {
		position: relative;
		width: 100%;
		height: 282rpx;
		overflow: hidden;
	}
	
	.home-top-bg-icon {
		color: var(--primary-color);
		font-size: 750rpx;
		line-height: 750rpx;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.home-swiper {
		height: 282rpx;
		/* #ifdef MP-ALIPAY */
		width: calc(100% - 60rpx);
		margin: 0 30rpx;
		/* #endif */
		/* #ifdef mp-MP-WEIXIN */
		width: 100%;
		padding: 0 30rpx;
		/* #endif */
		box-sizing: border-box;
	}

	.home-swiper image {
		display: block;
		width: 100%;
		height: 100%;
	}

	.home-coupon {
		height: 104rpx;
		margin-top: 20rpx;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

	.home-coupon-item {
		display: inline-block;
		vertical-align: top;
		align-items: center;
		position: relative;
		width: 380rpx;
		height: 100%;
		margin: 0 12rpx;
	}

	.home-coupon-item:nth-child(1) {
		margin-left: 30rpx;
	}

	.home-coupon-item:nth-last-child(1) {
		margin-right: 30rpx;
	}

	.home-coupon-item-icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.home-coupon-con {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		position: relative;
	}

	.home-coupon-left {
		width: 116rpx;
		display: flex;
		align-items: flex-end;
		color: white;
		justify-content: center;
	}

	.home-coupon-left>text:nth-child(1) {
		font-size: 22rpx;
		line-height: 22rpx;
		padding-bottom: 2rpx;
	}

	.home-coupon-left>text:nth-child(2) {
		font-size: 32rpx;
		line-height: 32rpx;
		font-weight: bold;
	}

	.home-coupon-left-icon{
		width: 70rpx;
		height: 28rpx;
		font-size: 18rpx;
		color: #fff;
		background-image: url(../../static/images/merCoupon-scene.png);
		background-size: 100% 100%;
		text-align: center;
		line-height: 23rpx;
		margin-right: 6rpx
	}

	.home-coupon-right {
		width: 264rpx;
		display: flex;
		flex-direction: column;
		position: relative;
		color: white;
		height: 100%;
		padding: 16rpx;
		box-sizing: border-box;
		justify-content: space-between;
	}

	.home-coupon-right-t1 {
		font-size: 20rpx;
		letter-spacing: 2rpx;
	}

	.home-coupon-right-t2 {
		font-size: 16rpx;
		letter-spacing: 2rpx;
	}

	.home-coupon-right-t3 {
		font-size: 16rpx;
	}

	.home-coupon-btn {
		width: 62rpx;
		height: 28rpx;
		background-color: white;
		border-radius: 15rpx;
		line-height: 28rpx;
		text-align: center;
		color: var(--primary-color);
		position: absolute;
		right: 16rpx;
		top: 43rpx;
		font-size: 16rpx;
	}

	.home-coupon-btn-disable {
		background-color: #f5f5f5;
		color: #aaa;
	}

	.home-coupon-more {
		display: inline-block;
		vertical-align: top;
		width: 50rpx;
		height: 100%;
		margin-right: 30rpx;
	}

	.home-coupon-more>view {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.home-coupon-more>view>text {
		font-size: 20rpx;
		color: #aaa;
		display: block;
		width: 22rpx;
		height: 100%;
		white-space: pre-wrap;
		line-height: 26rpx;
		margin-left: 12rpx;
	}

	.home-coupon-more>view>image {
		width: 14rpx;
		height: 20rpx;
	}

	.home-nav {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin: 20rpx 30rpx;
		background-color: white;
		border-radius: 20rpx;
		padding: 20rpx 0;
		box-sizing: border-box;
		/* box-shadow: 0 2rpx 2rpx 2rpx #eee; */
	}

	.home-nav-list {
		width: 20%;
		text-align: center;
		margin: 16rpx 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.home-nav-list>image {
		width: 78rpx;
		height: 78rpx;
		background-color: white;
		border-radius: 50%;
		margin-bottom: 15rpx;
	}

	.home-nav-list>text {
		font-size: 24rpx;
		width: 96%;
		height: 24rpx;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis;
		line-height: 24rpx;
	}

	.home-act-list {
		margin: 20rpx 30rpx 0;
		padding: 22rpx 30rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
		background-color: white;
		display: flex;
		align-items: center;
	}

	.home-act-list-title-box {
		display: flex;
		align-items: center;
	}

	.home-act-list-title {
		color: #333;
		font-size: 30rpx;
		line-height: 34rpx;
	}

	.home-act-list-time-box {
		display: flex;
		margin-left: 20rpx;
		align-items: center;
	}

	.home-act-list-time-his-con {
		display: flex;
		margin: 10rpx 0 0;
		align-items: center;
		font-size: 0;
		width: 204rpx;
		height: 34rpx;
		border: 1rpx solid var(--primary-color);
		box-sizing: border-box;
		border-radius: 6rpx;
		background-color: var(--primary-color);
		border-right: none;
	}

	.home-act-list-time {
		width: 32rpx;
		height: 32rpx;
		border-radius: 4rpx;
		background-color: var(--primary-color);
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 20rpx;
		line-height: 32rpx;
	}

	.home-act-list-tag {
		width: 104rpx;
		height: 32rpx;
		margin: 2rpx 0 2rpx 20rpx;
		background-color: var(--primary-color);
		font-size: 20rpx;
		line-height: 32rpx;
		color: #FFFFFF;
		text-align: center;
		border-radius: 4rpx;
	}

	.home-act-list-time-box>text {
		color: var(--primary-color);
		line-height: 40rpx;
		font-size: 26rpx;
		padding: 0 4rpx;
	}

	.home-act-list-time-his-box>text {
		color: var(--primary-color);
		line-height: 30rpx;
		font-size: 22rpx;
		padding: 0 2rpx;
	}

	.home-act-list-time-day {
		color: #fff;
		font-size: 20rpx;
		border-top-left-radius: 6rpx;
		border-bottom-left-radius: 6rpx;
		line-height: 34rpx;
		width: 90rpx;
		text-align: center;
		height: 34rpx;
	}

	.home-act-list-time-his-box {
		width: 116rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1rpx solid var(--primary-color);
		border-radius: 6rpx;
		box-sizing: border-box;
		background-color: #fff;
		height: 34rpx;
	}

	.home-act-list-time-his {
		color: var(--primary-color);
		font-size: 20rpx;
		line-height: 32rpx;
	}

	.home-act-list-left-tips {
		color: #999;
		font-size: 22rpx;
		line-height: 28rpx;
	}

	.home-act-list-btn {
		width: 118rpx;
		height: 32rpx;
		margin-top: 56rpx;
		border-radius: 16rpx;
		font-size: 18rpx;
		line-height: 32rpx;
		color: var(--primary-color);
		background-color: rgba(var(--primary-rgb-color), 0.15);
		text-align: center;
	}
	.home-act-list-btn-icon{
		font-size: 18rpx;
		margin-left: 4rpx;
	}

	.home-act-list-item {
		margin-left: 10rpx;
	}

	.home-act-list-big-item {
		width: 198rpx;
	}

	.home-act-list>.home-act-list-big-item:nth-child(2) {
		margin-right: 20rpx;
	}

	.home-act-list-item-img {
		width: 100%;
		height: 132rpx;
	}

	.home-act-list-item-img>image {
		width: 100%;
		height: 100%;
	}

	.home-act-list-item-price {
		font-size: 26rpx;
		color: #fd633a;
		text-align: center;
		line-height: 22rpx;
		margin-top: 15rpx;
		height: 22rpx;
	}

	.home-act-promotion {
		background: linear-gradient(to bottom, #ffedef, #fff);
	}

	.home-nomoral {
		margin: 20rpx 30rpx 0;
		padding: 22rpx 0;
		box-sizing: border-box;
		background-color: #fff;
	}

	.home-nomoral-title-box {
		display: flex;
		align-items: center;
		padding: 0 30rpx;
		justify-content: space-between;
		margin-bottom: 16rpx;
	}

	.home-nomoral-title {
		font-size: 28rpx;
		color: #333;
		line-height: 40rpx;
	}

	.home-nomoral-more {
		display: flex;
		align-items: center;
	}

	.home-nomoral-more>text {
		font-size: 22rpx;
		color: #999;
		line-height: 22rpx;
	}

	.home-nomoral-more>image {
		width: 12rpx;
		height: 20rpx;
		margin-left: 10rpx;
	}

	.home-nomoral-list-box {
		width: 100%;
		height: 300rpx;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

	.home-nomoral-list {
		width: 172rpx;
		height: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 0 10rpx;
	}

	.home-nomoral-list-box>view:nth-child(1) {
		margin-left: 30rpx;
	}

	.home-nomoral-list-box>view:nth-last-child(1) {
		margin-right: 30rpx;
	}

	.home-nomoral-list-img {
		width: 100%;
		height: 172rpx;
	}

	.home-nomoral-list-img>image {
		width: 100%;
		height: 100%;
	}

	.home-nomoral-list-name {
		font-size: 24rpx;
		color: #333;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 58rpx;
	}

	.home-nomoral-list-price {
		font-size: 26rpx;
		color: #ff3d3d;
		line-height: 26rpx;
	}

	.home-recommend {
		margin-top: 22rpx;
	}

	.home-recommend-list-box {
		margin: 20rpx 30rpx 50rpx;
	}

	.home-recommend-tips {
		color: #999;
		font-size: 24rpx;
		line-height: 28rpx;
		margin-left: 30rpx;
	}

	.home-recommend-list {
		width: 220rpx;
		// height: 406rpx;
		margin-bottom: 25rpx;
		position: relative;
		display: inline-block;
		vertical-align: top;
		background-color: #fff;
		border-radius: 10rpx;
		overflow: hidden;
		padding-bottom: 20rpx;
	}

	.home-recommend-list-box>.home-recommend-list:nth-child(3n-1) {
		margin-left: calc(50vw - 360rpx);
		margin-right: calc(50vw - 360rpx);
	}

	.home-recommend-list-img {
		width: 100%;
		height: 220rpx;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 10rpx;
		overflow: hidden;
	}

	.home-recommend-list-img>image {
		width: 100%;
		height: 100%;
	}

	.home-recommend-list-icon {
		position: absolute;
		right: 0;
		bottom: 0rpx;
		font-size: 34rpx;
		color: var(--primary-color);
		padding: 18rpx;
	}

	.home-recommend-price {
		padding: 0 20rpx;
		box-sizing: border-box;
		font-size: 26rpx;
		color: #ff3d3d;
		line-height: 32rpx;
	}

	.home-recommend-padding {
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.back {
		position: fixed;
		bottom: 50rpx;
		left: 50rpx;
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		box-sizing: border-box;
	}

	.back>image {
		display: block;
		width: 100%;
		height: 100%;
	}

	/* 红包样式 */

	.container {
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 1;
	}

	.box {
		width: 670rpx;
		position: relative;
	}

	.reward-bg {
		width: 100%;
		height: 100%;
		border-radius: 2vw;
		position: absolute;
		top: 0;
		left: 0;
	}

	.reward-open {
		width: 200rpx;
		height: 200rpx;
		border-radius: 50%;
		position: absolute;
		top: 204rpx;
		left: 236rpx;
		transition: 1.5s;
		font-size: 0;
	}

	.reward-open>image {
		width: 100%;
		height: 100%;
	}

	.reward-rotate {
		transform: rotateY(360deg);
	}

	.reward-title {
		text-align: center;
		font-size: 28rpx;
		position: relative;
		margin-top: 6vw;
	}

	.reward-money {
		position: absolute;
		bottom: 210rpx;
		left: 0;
		width: 100%;
		text-align: center;
		color: #fdcf9e;
	}

	.reward-money>text:nth-child(1) {
		font-size: 32rpx;
	}

	.reward-money>text:nth-child(2) {
		font-size: 68rpx;
	}

	.reward-tip {
		text-align: center;
		position: absolute;
		bottom: 118rpx;
		left: 0;
		width: 100%;
		color: #fdcf9e;
		font-size: 32rpx;
	}

	.reward-close {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: -15vw;
		display: flex;
		justify-content: center;
	}

	.tel,
	.support {
		position: fixed;
		bottom: 170rpx;
		left: 20rpx;
		width: 80rpx;
		height: 80rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}

	.tel>image,
	.support>image {
		display: block;
		width: 100%;
		height: 100%;
	}

	.home-magic-box-img {
		width: 630rpx;
		height: 310rpx;
		border-radius: 10rpx;
		margin: 0 30rpx 0;
	}

	.home-magic-list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 30vw;
		margin-top: 10rpx;
		font-size: 0;
		padding: 0 30rpx;
	}

	.home-magic-list>image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 10rpx;
	}

	.support::after {
		border: none;
	}

	.button-hover {
		color: rgba(0, 0, 0, 0.6);
		background-color: transparent;
	}

	button {
		background-color: transparent;
	}

	.home-empty-goods {
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #f6f6f6;
		color: #aaa;
		font-size: 18rpx;
	}

	/* 新手引导 */

	.people-box {
		text-align: center;
		position: absolute;
		top: 230rpx;
		left: 40rpx;
	}

	.second-box {
		left: 160rpx;
	}

	.third-box {
		left: 450rpx;
	}

	.four-box {
		left: 500rpx;
	}

	.people-arrow {
		width: 137rpx;
		height: 260rpx;
	}

	.people-txt {
		color: white;
		font-size: 28rpx;
		padding: 20rpx 0 30rpx;
	}

	.people-button {
		width: 210rpx;
		height: 57rpx;
	}

	.arrow-image {
		text-align: left;
	}

	.arrow-image-two {
		text-align: right;
	}

	.new-index {
		z-index: 9999;
	}

	.live-list {
		display: flex;
		flex-direction: column;
		color: #333;
		font-size: 28rpx;
		width: 200rpx;
		border: 1rpx solid #d8d8d8;
		border-radius: 10rpx;
		margin: 5rpx;
	}

	.liveInfo {
		width: 690rpx;
		height: 120rpx;
		margin: 0 auto;
		clear: both;
	}

	.anchorInfo {
		float: left;
		width: 360rpx;
		height: 140rpx;
		position: relative;
	}

	.anchorImg {
		margin: 10rpx;
		background-color: #999;
		width: 100rpx;
		height: 100rpx;
		border: 1px solid #FF948A;
		border-radius: 50%;
		vertical-align: middle;
	}

	.anchorName {
		position: absolute;
		top: 36rpx;
		padding: 0 10rpx;
		font-size: 34rpx;
	}

	.liveStatus {
		position: absolute;
		padding: 0 10rpx;
		top: 44rpx;
		left: 280rpx;
		width: 100rpx;
		height: 34rpx;
	}
	.liveMore{
		float: right;
		position: relative;
		top: 40rpx;
	}

	.liveText {
		color: #888;
		font-size: 26rpx;
		margin-right: 5rpx;
	}

	.rightIcon {
		width: 12rpx;
		height: 20rpx;
	}

	.beforeLive {
		width: 100rpx;
		height: 34rpx;
		background-color: #A271FE;
		text-align: center;
		position: relative;
		top: -78rpx;
		left: 290rpx;
	}
}